<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>微信公众号顶部提示栏合集</title>
</head>
<body style="background: #fff; margin: 0; padding: 0; box-sizing: border-box; font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;">
    <div style="width: 100%; max-width: 300px; margin: 0 auto; display: flex; flex-direction: column; gap: 15px;">
        <div>
            <div style="font-size: 12px; color: #888; margin-bottom: 5px; text-align: left; padding-left: 5px;">梦幻渐变款</div>
            <div style="padding: 14px 0; background: linear-gradient(120deg, #845EC2, #D65DB1, #FF6F91); text-align: center; font-size: 15px; color: #fff; border-radius: 10px; box-shadow: 0 4px 12px rgba(132, 94, 194, 0.2);">
                点击上方<span style="color: #0000FF; font-weight: bold; background: rgba(255,255,255,0.2); padding: 2px 8px; border-radius: 4px; cursor: pointer;">蓝字</span>，邂逅更多精彩内容
            </div>
        </div>
        <div>
            <div style="font-size: 12px; color: #888; margin-bottom: 5px; text-align: left; padding-left: 5px;">质感毛玻璃款</div>
            <div style="padding: 12px 0; background: rgba(255,255,255,0.8); backdrop-filter: blur(8px); text-align: center; font-size: 15px; color: #333; border-radius: 8px; border: 1px solid rgba(200,200,200,0.2); box-shadow: 0 2px 10px rgba(0,0,0,0.05);">
                关注上方<span style="color: #0000FF; font-weight: 600; cursor: pointer; position: relative;">
                    蓝字<span style="position: absolute; bottom: -4px; left: 0; width: 100%; height: 2px; background: #0000FF; border-radius: 1px;"></span>
                </span>，获取专属干货
            </div>
        </div>
        <div>
            <div style="font-size: 12px; color: #888; margin-bottom: 5px; text-align: left; padding-left: 5px;">清新绿植款</div>
            <div style="padding: 13px 0; background: #F0F9F4; text-align: center; font-size: 15px; color: #00875A; border-radius: 8px; border: 1px solid #C6E9D7; display: flex; align-items: center; justify-content: center; gap: 8px;">
                <span style="color: #00B42A; font-weight: bold;">🌱</span>
                点击上方<span style="color: #0000FF; font-weight: bold; cursor: pointer;">蓝字关注</span>，一起向上生长
            </div>
        </div>
        <div>
            <div style="font-size: 12px; color: #888; margin-bottom: 5px; text-align: left; padding-left: 5px;">轻奢金箔款</div>
            <div style="padding: 15px 0; background: #FFF9F0; text-align: center; font-size: 15px; color: #B8860B; border-radius: 10px; border: 1px solid #FFEBCD; box-shadow: 0 3px 9px rgba(184, 134, 11, 0.08);">
                尊贵提示：点击上方<span style="color: #0000FF; font-weight: bold; text-decoration: none; cursor: pointer;">金色蓝字</span>，解锁专属特权
            </div>
        </div>
        <div>
            <div style="font-size: 12px; color: #888; margin-bottom: 5px; text-align: left; padding-left: 5px;">简约线条款</div>
            <div style="padding: 12px 0; background: #fff; text-align: center; font-size: 15px; color: #444; border-radius: 6px; border-top: 3px solid #1890FF; box-shadow: 0 1px 6px rgba(0,0,0,0.04);">
                上方<span style="color: #0000FF; font-weight: 600; cursor: pointer;">蓝字</span>点一点，精彩内容不错过
            </div>
        </div>
        <div>
            <div style="font-size: 12px; color: #888; margin-bottom: 5px; text-align: left; padding-left: 5px;">趣味图标款</div>
            <div style="padding: 12px 0; background: #fff; text-align: center; font-size: 15px; color: #333; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.06);">
                👉 点击上方<span style="color: #0000FF; font-weight: bold; cursor: pointer;">蓝字</span>关注，福利抢先领 👈
            </div>
        </div>
        <div>
            <div style="font-size: 12px; color: #888; margin-bottom: 5px; text-align: left; padding-left: 5px;">温柔奶油款</div>
            <div style="padding: 13px 0; background: #FFF5F5; text-align: center; font-size: 15px; color: #9F2B68; border-radius: 10px; box-shadow: 0 2px 8px rgba(159, 43, 104, 0.05);">
                喜欢就点击上方<span style="color: #0000FF; font-weight: bold; cursor: pointer; background: rgba(159, 43, 104, 0.08); padding: 3px 10px; border-radius: 15px;">蓝字关注</span>吧~
            </div>
        </div>
        <div>
            <div style="font-size: 12px; color: #888; margin-bottom: 5px; text-align: left; padding-left: 5px;">元气橙光款</div>
            <div style="padding: 13px 0; background: linear-gradient(90deg, #FFF7E6, #FFF0CC); text-align: center; font-size: 15px; color: #D97706; border-radius: 8px; border: 1px solid #FFE58F; box-shadow: 0 2px 8px rgba(217, 119, 6, 0.08);">
                🌟 点击上方<span style="color: #0000FF; font-weight: bold; cursor: pointer;">亮眼蓝字</span>，开启元气满满的内容之旅
            </div>
        </div>
        <div>
            <div style="font-size: 12px; color: #888; margin-bottom: 5px; text-align: left; padding-left: 5px;">复古墨韵款</div>
            <div style="padding: 14px 0; background: #F8F5F0; text-align: center; font-size: 15px; color: #78350F; border-radius: 8px; border-left: 4px solid #92400E; box-shadow: 0 2px 8px rgba(120, 53, 15, 0.05);">
                轻触上方<span style="color: #0000FF; font-weight: 600; cursor: pointer; text-decoration: underline dotted;">蓝字</span>，品味复古韵味好内容
            </div>
        </div>
        <div>
            <div style="font-size: 12px; color: #888; margin-bottom: 5px; text-align: left; padding-left: 5px;">治愈云朵款</div>
            <div style="padding: 12px 0; background: #F0F9FF; text-align: center; font-size: 15px; color: #0284C7; border-radius: 12px; box-shadow: 0 3px 10px rgba(2, 132, 199, 0.06); display: flex; align-items: center; justify-content: center; gap: 8px;">
                <span>☁️</span>
                点击上方<span style="color: #0000FF; font-weight: bold; cursor: pointer; background: rgba(2, 132, 199, 0.08); padding: 2px 8px; border-radius: 4px;">温柔蓝字</span>，收藏治愈系干货
            </div>
        </div>
        <div>
            <div style="font-size: 12px; color: #888; margin-bottom: 5px; text-align: left; padding-left: 5px;">活力撞色款</div>
            <div style="padding: 14px 0; background: #FFFFFF; text-align: center; font-size: 15px; color: #DC2626; border-radius: 8px; border: 2px solid #FEE2E2; box-shadow: 0 3px 9px rgba(220, 38, 38, 0.05);">
                🔥 速点上方<span style="color: #0000FF; font-weight: bold; cursor: pointer; text-shadow: 0 0 3px rgba(0, 0, 255, 0.1);">醒目蓝字</span>，锁定新鲜内容
            </div>
        </div>
        <div>
            <div style="font-size: 12px; color: #888; margin-bottom: 5px; text-align: left; padding-left: 5px;">森系日系款</div>
            <div style="padding: 13px 0; background: #F7FFF7; text-align: center; font-size: 15px; color: #2D6A4F; border-radius: 10px; border: 1px solid #D8E9DC; box-shadow: 0 2px 8px rgba(45, 106, 79, 0.04);">
                <span>🍃</span> 关注上方<span style="color: #0000FF; font-weight: 600; cursor: pointer; position: relative;">
                    清新蓝字<span style="position: absolute; bottom: -3px; left: 0; width: 100%; height: 1px; background: #0000FF;"></span>
                </span>，邂逅森系好内容
            </div>
        </div>
        <div>
            <div style="font-size: 12px; color: #888; margin-bottom: 5px; text-align: left; padding-left: 5px;">甜酷涂鸦款</div>
            <div style="padding: 14px 0; background: #FFF0F6; text-align: center; font-size: 15px; color: #F14668; border-radius: 12px; border: 1px dashed #FFC2D1; box-shadow: 0 3px 10px rgba(241, 70, 104, 0.08);">
                ✏️ 点击上方<span style="color: #0000FF; font-weight: bold; cursor: pointer; text-decoration: wavy underline; text-underline-offset: 2px;">蓝字</span>，解锁甜酷内容
            </div>
        </div>

        <div>
            <div style="font-size: 12px; color: #888; margin-bottom: 5px; text-align: left; padding-left: 5px;">极简黑白款</div>
            <div style="padding: 12px 0; background: #FFFFFF; text-align: center; font-size: 15px; color: #333333; border-radius: 6px; border: 1px solid #E5E7EB; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);">
                上方<span style="color: #0000FF; font-weight: 700; cursor: pointer; letter-spacing: 1px;">蓝字</span>轻触，不错过每一份精彩
            </div>
        </div>

        <div>
            <div style="font-size: 12px; color: #888; margin-bottom: 5px; text-align: left; padding-left: 5px;">波普撞色款</div>
            <div style="padding: 15px 0; background: linear-gradient(45deg, #FFE66D, #FF6B6B, #4ECDC4); text-align: center; font-size: 15px; color: #FFFFFF; border-radius: 8px; box-shadow: 0 4px 12px rgba(255, 107, 107, 0.15);">
                🎨 速戳上方<span style="color: #0000FF; font-weight: bold; cursor: pointer; background: #FFFFFF; padding: 2px 6px; border-radius: 3px;">蓝字</span>，玩转波普风格
            </div>
        </div>

        <div>
            <div style="font-size: 12px; color: #888; margin-bottom: 5px; text-align: left; padding-left: 5px;">古风宣纸款</div>
            <div style="padding: 14px 0; background: #F9F6F0; text-align: center; font-size: 15px; color: #8B5A2B; border-radius: 8px; border: 1px solid #E8DCCA; box-shadow: 0 2px 8px rgba(139, 90, 43, 0.05);">
                📜 轻击上方<span style="color: #0000FF; font-weight: bold; cursor: pointer; font-family: 'Ma Shan Zheng', cursive;">蓝字</span>，品读古风雅韵
            </div>
        </div>

        <div>
            <div style="font-size: 12px; color: #888; margin-bottom: 5px; text-align: left; padding-left: 5px;">软萌泡泡款</div>
            <div style="padding: 13px 0; background: #F0F9FF; text-align: center; font-size: 15px; color: #3ABFF8; border-radius: 20px; box-shadow: 0 3px 12px rgba(58, 191, 248, 0.08);">
                🧼 戳戳上方<span style="color: #0000FF; font-weight: bold; cursor: pointer; background: #FFFFFF; padding: 3px 10px; border-radius: 15px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);">蓝字</span>，get软萌干货
            </div>
        </div>

        <div>
            <div style="font-size: 12px; color: #888; margin-bottom: 5px; text-align: left; padding-left: 5px;">奶油马卡龙款</div>
            <div style="padding: 13px 0; background: #FEF7FF; text-align: center; font-size: 15px; color: #C084FC; border-radius: 12px; box-shadow: 0 3px 10px rgba(192, 132, 252, 0.06);">
                🍡 轻点上方<span style="color: #0000FF; font-weight: bold; cursor: pointer; padding: 2px 8px; border-radius: 4px; background: rgba(192, 132, 252, 0.08);">蓝字</span>，邂逅甜蜜内容
            </div>
        </div>

        <div>
            <div style="font-size: 12px; color: #888; margin-bottom: 5px; text-align: left; padding-left: 5px;">杂志排版款</div>
            <div style="padding: 12px 0; background: #FFFFFF; text-align: center; font-size: 15px; color: #2563EB; border-radius: 8px; border-left: 4px solid #2563EB; box-shadow: 0 2px 8px rgba(37, 99, 235, 0.05);">
                <span style="font-weight: 700; color: #333;">关注</span> 上方<span style="color: #0000FF; font-weight: bold; cursor: pointer; text-transform: uppercase; font-size: 14px;">蓝字</span>，解锁杂志级内容
            </div>
        </div>

        <div>
            <div style="font-size: 12px; color: #888; margin-bottom: 5px; text-align: left; padding-left: 5px;">自然砂石款</div>
            <div style="padding: 14px 0; background: #F5F5F4; text-align: center; font-size: 15px; color: #78716C; border-radius: 8px; border: 1px solid #E7E5E4; box-shadow: 0 2px 8px rgba(120, 113, 108, 0.05);">
                🌿 点击上方<span style="color: #0000FF; font-weight: bold; cursor: pointer; border-bottom: 1px solid #78716C;">蓝字</span>，感受自然质感
            </div>
        </div>
    </div>
</body>
</html>